<template>
	
	<div>
		
		
		<div class="free_column" @click="toDetail()">
			
			<div class="column_img">
				<img src="../../static/image/banner3.jpg"/>
			</div>
			<div class="column_bottom" style="line-height: 2.2rem;font-size: 0.9rem;">
				<flexbox>
			      <flexbox-item :span="8"><div class="flex-demo" style="text-align: left;padding-left: 0.9rem;">
			      	课程：《财道》
			      </div></flexbox-item>
			      <flexbox-item><div class="flex-demo" style="text-align: right;padding-right: 0.9rem;">
			      	￥39800/人
			      </div></flexbox-item>
			    </flexbox>
			    <flexbox>
			      <flexbox-item :span="8"><div class="flex-demo" style="text-align: left;padding-left: 0.9rem;">
			      	时间：2018-08-23（4天）
			      </div></flexbox-item>
			      <flexbox-item><div class="flex-demo" style="text-align: right;padding-right: 0.9rem;">
			      	
			      </div></flexbox-item>
			    </flexbox>
			    <flexbox>
			      <flexbox-item :span="8"><div class="flex-demo" style="text-align: left;padding-left: 0.9rem;">
			      	地点：待定
			      </div></flexbox-item>
			      <flexbox-item><div class="flex-demo" style="text-align: right;padding-right: 0.9rem;">
			      	<span>详情</span>
			      	<img style="width: 0.5rem;" src="../../static/image/icon-balance-right.png" />
			      </div></flexbox-item>
			    </flexbox>
			</div>
		</div>
		
		
		
		
		
		
	</div>
	
	
	
	
	
	
</template>

<script>
	
	export default {
		
		
		methods:{
			toDetail:function(){
				this.$router.push({ path: '/courseDetail'});
			}
		}
		
		
	}
	
	
	
	
	
	
</script>

<style>
	
	
	
	.column_top{
		border-bottom: solid 1px #e3e3e3;
    	/*padding-left: 10px;*/
    	padding: 5px 10px;
	}
	.free_column{
		background: #FFFFFF;
	}
	
	
</style>